﻿<tabset stop-input-propagation justified="true">
    <tab heading="录音">
        <div class="button_console">
            <div class="modify_area modify-area-btn">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-xs-4 hint--top hint--round" data-hint="点击选择按钮背景">
                            <div class="icon-btn" ng-click="changeIconImg()">
                                <img ng-src="{{btnStyle.backgroundImage?PREFIX_FILE_HOST+btnStyle.backgroundImage:''}}" />
                            </div>
                        </div>
                        <div class="col-xs-8">
                            <div>
                                <button class="btn btn-block icon-btn-change" ng-click="changeAudio()"
                                        ng-show="!elementProperties.tape.audio.url">
                                    添加语音
                                </button>
                                <div class="audio-container" ng-show="elementProperties.tape.audio.url">
                                    <div class="pull-right">
                                        <i class="fa fa-trash" ng-click="removeTape()">
                                        </i>
                                        <i class="fa fa-play" ng-click="playAudio($event)">
                                        </i>
                                    </div>
                                    <span class="audio-name" ng-click="changeAudio()" title="{{elementProperties.tape.audio.name}}">
                                        {{elementProperties.tape.audio.name}}
                                    </span>
                                </div>
                            </div>
                            <button class="btn btn-block icon-btn-change" ng-click="changeIconImg()">
                                更换图片
                            </button>
                        </div>
                    </div>
                    <div class="row hidden">
                        <div class="col-xs-4 hint--top hint--round">
                            <label>
                                触发
                            </label>
                        </div>
                        <div class="col-xs-8">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <audio class="hidden" id="audio-tape"></audio>
    </tab>
    <tab select="activeTab = 'style'" heading="样式">
        <div id="comp_setting">
            <div class="style_content" ng-include="'scene/console/style.tpl.html'">
            </div>
        </div>
    </tab>
    <tab select="activeTab = 'anim'" heading="动画">
        <div id="comp_setting">
            <div class="style_content" ng-include="'scene/console/anim.tpl.html'">
            </div>
        </div>
    </tab>
</tabset>